<template>
  <div>
    <slot>
      <h1>标题</h1>
    </slot>
    <slot name="con">
      <div>
        内容
      </div>
    </slot>

    <slot name="bottom" :msg="bottomTxt" data="123">
      <div>{{ bottomTxt }}</div>
    </slot>
    <div v-for="item in data" :key="item">
      <slot name="aaa" :item="item">
        {{ item }}
      </slot>

    </div>
  </div>
</template>
<script>
export default {
  props: ['data'],
  data() {
    return {
      bottomTxt: '底部'
    }
  }
}
</script>
<style>
</style>
